<html>
	<head>
	</head>
	<body>
		<div id="app">
			<!-- 第一行 -->
			<el-row :gutter="20">
				<el-col :span="24">
					<el-card>
						<!-- 卡片头部信息 -->
						<template #header>
							<el-form :inline="true" :model="stockForm" style="height: 25px;" size="large">
								<el-form-item label="交易日期:">
									<el-col :span="11">
										<el-date-picker v-model="stockForm.date1" type="date" placeholder="开始日期"
											style="width: 100%" />
									</el-col>
									<el-col :span="2" class="text-center">
										<span class="text-gray-500">—</span>
									</el-col>
									<el-col :span="11">
										<el-date-picker v-model="stockForm.date2" type="date" placeholder="结束日期"
											style="width: 100%" />
									</el-col>
								</el-form-item>
								<el-form-item label="股票代码:">
									<el-input v-model="stockForm.code" placeholder="例如:000001.SZ、600000.SH" clearable
										style="width: 250px;" />
								</el-form-item>
								<el-form-item>
									<el-button type="primary" v-if="stockForm.code"
										@click="stockFormSubmit('stockForm')">确定</el-button>
									<el-tooltip class="item" v-else effect="dark" content="请填写股票代码!">
										<el-button type="danger">确定</el-button>
									</el-tooltip>
								</el-form-item>
							</el-form>

						</template>
						<el-tabs v-model="tabName" type="card" class="demo-tabs">
							<el-tab-pane label="K线图" name="first">
								<div id="main" style="width:auto;height:520px;"></div>
							</el-tab-pane>
							<el-tab-pane label="下载数据" name="second">
								<el-table :data="tableData" style="width: 100%" height="520px">
								    <el-table-column prop="date" label="Date" width="180" />
								    <el-table-column prop="name" label="Name" width="180" />
								    <el-table-column prop="address" label="Address" />
								  </el-table>
							</el-tab-pane>
						</el-tabs>
					</el-card>
				</el-col>
			</el-row>
		</div>

	</body>
	
	<script src="../static/js/vue3.js"></script>
	<script src="../static/js/axios.min.js"></script>
	<!-- 导入下载的 echarts.min.js -->
	<script src="../static/js/echarts.min.js"></script>
	<!-- import CSS -->
	<link rel="stylesheet" href="../static/css/element_index.css">
	<!-- import JavaScript -->
	<script src="../static/js/element_plus_js.js"></script>
	<script src="../static/js/stock.js"></script>
</html>